<template>
  <view class="readMore">
    <slot></slot>
    <view class="readMore-icon">
      <u-icon :size="fontSize" :name="arrowName"></u-icon>
    </view>
  </view>
</template>

<script>
export default {
  name : 'index' ,
  props:{
    content:{

    },
    //图标大小
    fontSize:{
      type:[Number,String],
      default:40
    },
  },
  data(){
    return {
      arrowName:'arrow-down'
    }
  }
}
</script>

<style scoped lang="scss">
.readMore{
  .readMore-icon{
    width: 100%;
    text-align: center;
    /deep/.u-icon__icon{
    }
  }

}
</style>
